<template>
  <div class="Fandong">
    <div class="pic"></div>
    <span>|</span>
    <van-swipe
      class="my-swipe"
      :autoplay="2000"
      :vertical=true
      style="height: 35px; width: 222px"
    >
      <van-swipe-item v-for="item in roll" :key="item.id">{{item.info}}</van-swipe-item>
    </van-swipe>
    <van-icon name="arrow" />
  </div>
</template>

<script>
export default {
  name: "FxhDemoFandong",
  props:["roll"],
  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.Fandong {
  margin: 15px auto;
  width: 345px;
  height: 35px;
  background: #ffffff;
  @include flex;
  align-items: center;
  .pic {
    width: 65px;
    height: 16px;
    background: url("https://api.java.crmeb.net/crmebimage/change/new_header/new_header5.png")
      no-repeat;
    background-size: 100% 100%;
  }
  span{
    margin: 2px 10px 4px 10px;
  }
  &::v-deep .van-swipe__indicator{
    display: none;
  }
  .van-swipe-item{
    line-height: 35px;
    margin-left: 5px;
  }
}

</style>
